<%--		<div id="mensajes">--%>
<%--			<button type="button" class="close" data-dismiss="alert">&times;</button>--%>
<%--			<div class="alert alert-success">Se grab&oacute; todo ok!</div>--%>
<%--		</div>--%>
<div class="accordion-group">
	<div class="accordion-heading">
		<a class="accordion-toggle" data-toggle="collapse" data-parent="${accordion}" href="#collapse${calificacion.id }">
			<my:avatarPerson size="xmini" usuario="${calificacion.viaje.usuarioCreador }"/>${calificacion.viaje.evento }
		</a>
	</div>
	<div id="collapse${calificacion.id }" class="accordion-body collapse in">
		<div class="accordion-inner" id="divCalificacion${calificacion.id}">
			<div class="span12">
				<div class="control-group ${hasErrors(bean: calificacion, field: 'tipoCalificacion', 'error') }">
					<label class="control-label" for="banco">Seleccion&aacute; que calificaci&oacute; le das a este viaje:</label>
					<div class="controls">
						<g:select name="tipoCalificacion_${calificacion.id }" optionKey="id" from="${ar.com.binarit.entities.TipoCalificacion.list()}" id="tipoCalificacion_${calificacion.id }" class="span9"/>
					</div>
				</div>
				<div class="control-group ${hasErrors(bean: calificacion, field: 'comentario', 'error') }">
					<label class="control-label" for="comentario">Comentario:</label>
					<div class="controls">
						<g:textArea class="span8" id="comentario_${calificacion.id }" name="comentario_${calificacion.id }" />
						<a data-calificacion-id="${calificacion.id}" class="calificarItem btn btn-primary btn-large span3 pull-right" style="text-align: center;">Calificar</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
